﻿<!--
    Copyright © Microsoft Corporation.  All Rights Reserved.
    This code released under the terms of the 
    Microsoft Public License (MS-PL, http://opensource.org/licenses/ms-pl.html.)
-->

<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
	xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
	xmlns:ssi="clr-namespace:SketchFlow.SaveState.Interactions;assembly=SketchFlow.SaveState.SL"
	mc:Ignorable="d"
	x:Class="PrototypeScreens.Screen_3"
	Width="180" Height="160">
	<UserControl.Resources>
		<ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
			<VirtualizingStackPanel Orientation="Horizontal"/>
		</ItemsPanelTemplate>
	</UserControl.Resources>
	<i:Interaction.Behaviors>
		<ssi:SaveVisualStateBehavior/>
	</i:Interaction.Behaviors>
	<Grid x:Name="LayoutRoot" Background="#FF99CCFF">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="Group_3_0">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:0.5"/>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="VisualState"/>
				<VisualState x:Name="VisualState1">
					<Storyboard>
						<ColorAnimation Duration="0" To="#FFAA55FF" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="LayoutRoot" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Grid Margin="8" d:LayoutOverrides="Height">
			<TextBox Style="{StaticResource BasicTextBox-Sketch}" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top"/>
			<Button Content="a" HorizontalAlignment="Right" Height="24" Style="{StaticResource Button-Sketch}" Width="24" Margin="0,32,36,0" VerticalAlignment="Top">
				<i:Interaction.Triggers>
					<i:EventTrigger EventName="Click">
						<ei:GoToStateAction StateName="VisualState"/>
					</i:EventTrigger>
				</i:Interaction.Triggers>
			</Button>
			<Button Content="b" HorizontalAlignment="Right" Margin="0,32,8,0" Style="{StaticResource Button-Sketch}" Width="24" Height="24" VerticalAlignment="Top">
				<i:Interaction.Triggers>
					<i:EventTrigger EventName="Click">
						<ei:GoToStateAction StateName="VisualState1"/>
					</i:EventTrigger>
				</i:Interaction.Triggers>
			</Button>
			<CheckBox Content="CheckBox" Style="{StaticResource CheckBox-Sketch}" Margin="0,36,76,0" VerticalAlignment="Top"/>
			<Slider Style="{StaticResource Slider-Sketch}" Maximum="100" LargeChange="10" SmallChange="1" Height="20" Margin="0,60,0,64"/>
			<ComboBox Style="{StaticResource ComboBox-Sketch}" Margin="0,0,0,31" VerticalAlignment="Bottom">
				<ComboBoxItem Content="alfa"/>
				<ComboBoxItem Content="bravo"/>
				<ComboBoxItem Content="charly"/>
				<ComboBoxItem Content="delta"/>
				<ComboBoxItem Content="echo"/>
			</ComboBox>
			<ListBox ItemsPanel="{StaticResource ItemsPanelTemplate1}" Margin="0,0,0,-1" VerticalAlignment="Bottom">
				<ListBoxItem Content="1" Style="{StaticResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center" Margin="0"/>
				<ListBoxItem Content="2" Style="{StaticResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center" Margin="0"/>
				<ListBoxItem Content="3" Style="{StaticResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center" Margin="0"/>
				<ListBoxItem Content="4" Style="{StaticResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center" Margin="0"/>
				<ListBoxItem Content="5" Style="{StaticResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center" Margin="0"/>
				<ListBoxItem Content="6" Style="{StaticResource ListBoxItem-Sketch}" Width="20" HorizontalContentAlignment="Center" Margin="0"/>
			</ListBox>
		</Grid>
	</Grid>
</UserControl>